html {
  -webkit-text-size-adjust: none;
}
body {
  color: #ffffff;
  background-color: #000000;
  padding: 2em;
}
h1 {
  font-family: 'Josefin Sans Std Light', 'Helvetica Neue Light',
    helvetica, arial, serif;
  font-size: 24pt;  /*2.3em;*/
  font-weight: bold;
  margin: 0.6em 0 0.2em 0;
}
p {
  color: #999999;
  font-family: 'Molengo', verdana, arial, serif;
  font-size: 10pt;
  margin: 0;
}
a {
  color: inherit;
  text-decoration: underline;
}
a:hover {
  color: #cccccc;
}
.contents {
  position: relative;
  margin-bottom: 2em;
}

footer {
  font-family: 'Molengo', verdana, arial, serif;
  font-size: 10pt;
  color: #666666;
}

.graph {
  height: 1px;
  margin-top: 4px;
}
.highlight {
  font-size: 150%;
}
.short, .long {
  cursor: pointer;
}

.one, .one .highlight {
  color: #a839b2;
}
.one .graph {
  color: #000000;
  background-color: #a839b2;
}
.two, .two .highlight {
  color: #ff0071;
}
.two .graph {
  color: #000000;
  background-color: #ff0071;
}
.three, .three .highlight {
  color: #ff7700;
}
.three .graph {
  color: #000000;
  background-color: #ff7700;
}
.four, .four .highlight {
  color: #acd030;
}
.four .graph {
  color: #000000;
  background-color: #acd030;
}
.five, .five .highlight {
  color: #58aa00;
}
.five .graph {
  color: #000000;
  background-color: #58aa00;
}
.six, .six .highlight {
  color: #00aa78;
}
.six .graph {
  color: #000000;
  background-color: #00aa78;
}
.seven, .seven .highlight {
  color: #0074ae;
}
.seven .graph {
  color: #000000;
  background-color: #0074ae;
}
.eight, .eight .highlight {
  color: #420cce;
}
.eight .graph {
  color: #000000;
  background-color: #420cce;
}